import React, { Component } from 'react'
import './style.css'

export class NavBar extends Component {
  render() {
    const { children } = this.props
    console.log(children)
    return (
      <div className="nav-bar">
        <div className="left">{ children[0] }</div>
        <div className="center">{ children[1] }</div>
        <div className="right">{ children[2] }</div>
        {/* <div className="left">{ children }</div> */}
      </div>
    )
  }
}

export default NavBar